<template>
  <div class="pub">
    <Head />
    <Nav />
    <main>
      <section>
        <ShaiXuan />
        <Zhiding />
        <TuiJian />
        <TuiJian />
        <TuiJian />
      </section>
    </main>
  </div>
</template>

<script>
import Head from '@/components/pub/pub_head.vue'
import Nav from '@/components/pub/pub_nav.vue'
import ShaiXuan from '@/components/pub/pub_shaixuan.vue'
import Zhiding from '@/components/pub/pub_zhiding.vue'
import TuiJian from '@/components/Home/tuijian.vue'
export default {
  components:{
    Head,
    Nav,
    ShaiXuan,
    Zhiding,
    TuiJian
  },
  methods: {

  }
}
</script>

<style scoped>
.pub main {
  height: 6.88rem;
  overflow-y: scroll;
}
.pub main section {
  min-height: 6.88rem;
  padding: 0 0.15rem;
}
</style>